SlideShare uma empresa Scribd logo
1 de 46
2012
Chromium: o navegador que
     mudou o mundo
         Palestrante:
    ALEXANDRE TELES




          Contatos:
  Gmail: ateles.1@gmail.com
   Telefone: (71)9152-6094
                              2
Chromium: o navegador que
            mudou o mundo



“O que fazemos por nós mesmos morre conosco; o que fazemos
       pelo outro e pelo mundo permanece e é imortal.”
                                            Albert Pike




                                                      3
Chromium: o navegador que
        mudou o mundo




Afinal, o que é o projeto “Chromium”?




                                    4
Chromium: o navegador que
         mudou o mundo




Espera aí! Você está dizendo que o Google
         Chrome não é da Google?




                                       5
Chromium: o navegador que
        mudou o mundo




Então, afinal, o que diferencia os dois
             navegadores?




                                          6
Chromium: o navegador que
       mudou o mundo
           Google Chrome


Flash Player integrado.
PDF viewer integrado.
Sistema de impressão integrada.
O nome do Google com logo diferente.
Codecs ACC e MP3

                                       7
Chromium: o navegador que
         mudou o mundo



Agora eu sei a diferença entre os dois.
Mais e as licenças de software livre, como
                  ficam?




                                       8
Chromium: o navegador que
          mudou o mundo




Então tá. Agora vamos falar do navegador!




                                      9
Chromium: o navegador que
     mudou o mundo




                        10
Chromium: o navegador que
         mudou o mundo
          O código do Chromium


   Códigos em C/C++ e Python escritos de forma
clara, concisa e bem documentada;
  Aplicação profunda do conceitos de OOP;
  Código limpo, sem rebarbas ou “gambiarras”;
  Otimização de código.



                                             11
Chromium: o navegador que
     mudou o mundo




    Isso tudo para quê?




                          12
Chromium: o navegador que
          mudou o mundo
           Metas do Chromium



1ª – Ser um gerenciador de janelas com base em
                      abas;




                                           13
Chromium: o navegador que
     mudou o mundo
     Metas do Chromium




2ª – Ser um “shell” para a web;




                                  14
Chromium: o navegador que
      mudou o mundo
       Metas do Chromium




3ª – Possuir interface minimalista e
              amigável;




                                       15
Chromium: o navegador que
        mudou o mundo
         Metas do Chromium




4º – Ser e parecer leve e, acima de tudo,
                RÁPIDO.




                                        16
Chromium: o navegador que
        mudou o mundo



   Somente a beleza do código não é
suficiente para atingir estas metas. O que
              mais foi feito?




                                       17
Chromium: o navegador que
         mudou o mundo
Peças-chave no quebra-cabeças do projeto
                Chromium




  1ª – Motor de renderização WebKit;




                                       18
Chromium: o navegador que
         mudou o mundo
Peças-chave no quebra-cabeças do projeto
                Chromium




      2º – Suporte ao padrão SVG;




                                      19
Chromium: o navegador que
         mudou o mundo
Peças-chave no quebra-cabeças do projeto
                Chromium




  3ª – Suporte antecipado aos padrões
             HTML5 e CSS3;



                                        20
Chromium: o navegador que
         mudou o mundo
Peças-chave no quebra-cabeças do projeto
                Chromium




    4º – Suporte avançado à WebGL;




                                      21
Chromium: o navegador que
         mudou o mundo
Peças-chave no quebra-cabeças do projeto
                Chromium




       5º – Motor JavaScript V8.




                                      22
Chromium: o navegador que
        mudou o mundo




Motor? V8? Isso é um carro de corrida?




                                     23
Chromium: o navegador que
        mudou o mundo




Isso não pode ser tão eficiente assim...




                                       24
Chromium: o navegador que
         mudou o mundo




Tudo bem, tudo bem. Mas para mim como
       usuário, o que isso significa?




                                   25
Chromium: o navegador que
     mudou o mundo
      HTTP Pipeling




                        26
Chromium: o navegador que
     mudou o mundo




     DNS Prefetching




                        27
Chromium: o navegador que
          mudou o mundo




Gerenciamento individualizado de recursos




                                      28
Chromium: o navegador que
          mudou o mundo



Integração total com os serviços do Google,
       incluindo sincronização entre
                 dispositivos




                                        29
Chromium: o navegador que
          mudou o mundo




E onde essa eficiência toda levou o projeto
                 Chromium?




                                        30
Chromium: o navegador que
     mudou o mundo




                        31
Chromium: o navegador que
        mudou o mundo



Opa, meu faro para negócio despertou!
Como posso alcançar essa fatia enorme
             de mercado?




                                   32
Chromium: o navegador que
         mudou o mundo
Como alcançar o mercado de usuários do
              Chromium




1º – Desenvolvendo sites em conformidade
           com os padrões W3C



                                     33
Chromium: o navegador que
         mudou o mundo
Como alcançar o mercado de usuários do
              Chromium




   2º – Desenvolvendo para a nuvem




                                     34
Chromium: o navegador que
         mudou o mundo
Como alcançar o mercado de usuários do
              Chromium




3º – Desenvolvendo aplicações Web ricas.




                                      35
Chromium: o navegador que
         mudou o mundo
Como alcançar o mercado de usuários do
              Chromium




      4º – Desenvolva em WebGL




                                    36
Chromium: o navegador que
         mudou o mundo
Como alcançar o mercado de usuários do
              Chromium




  5º – Conheça a Chrome Web Store e
         desenvolva Chrome apps



                                      37
Chromium: o navegador que
         mudou o mundo
   Fatos sobre a Chrome Web Store


  Todos os 310 milhões de usuários do
Chrome (junho de 2012) tem acesso à ela;
  Integração total entre dispositivos;
  Integração com a Google Wallet in-app;
  Localizada em 42 linguagens diferentes.


                                            38
Chromium: o navegador que
         mudou o mundo
 No que a Chrome Web Store se baseia


  Tirar as aplicações de dentro do browser;
  Interfaces amigáveis e facilidade de uso;
  Aplicações offline por default (ou com
pouquíssima comunicação de rede);
  Uso intenso das APIs providas pelo
navegador.

                                              39
Chromium: o navegador que
     mudou o mundo




O que são as Chrome apps afinal?




                                   40
Chrome apps são um conjunto de código HTML,
    JavaScript e recursos empacotados em um
   arquivo zip que, uma vez enviado à Chrome
 Web Store será baixado no sistema do usuário
 e estará lá: sempre pronto para ser executado.




                                            41
Chromium: o navegador que
         mudou o mundo
O que você pode fazer com uma Chrome
                  app


   Construir e controlar aplicações multi-
janela;
  Interagir com outros aplicativos;
   Fazer requisições AJAX para sites de
terceiros (Cross-Site Scripting);

                                             42
Chromium: o navegador que
         mudou o mundo




Para tudo! Como desenvolvo estas Chrome
 apps? Me parece um mercado promissor!




                                    43
Chromium: o navegador que
      mudou o mundo
      Tipos de Chrome apps




Hosted apps;
Packaged apps ou extensions.




                               44
Chromium: o navegador que
          mudou o mundo



“Não alcançamos a liberdade buscando a liberdade, mas
  sim a verdade. A liberdade não é um fim, mas uma
                     consequência.”
                                          Léon Tolstói



                                                   45
Chromium: o navegador que
     mudou o mundo
         Palestrante:
    ALEXANDRE TELES




          Contatos:
  Gmail: ateles.1@gmail.com
   Telefone: (71)9152-6094
                              46

Mais conteúdo relacionado

Semelhante a Chromium mudou o mundo

Android: Uma nova maneira de pensar
Android: Uma nova maneira de pensarAndroid: Uma nova maneira de pensar
Android: Uma nova maneira de pensarcezarsignori
 
Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011
Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011
Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011Eduardo Souza
 
Desenvolvimento Mobile Web & Software Livre - Flisol cg
Desenvolvimento Mobile Web & Software Livre - Flisol cgDesenvolvimento Mobile Web & Software Livre - Flisol cg
Desenvolvimento Mobile Web & Software Livre - Flisol cgBruno Fernandes "PorKaria"
 
Mono mecadocoorporativo-latino2010
Mono mecadocoorporativo-latino2010Mono mecadocoorporativo-latino2010
Mono mecadocoorporativo-latino2010Alessandro Binhara
 
Ai1415 ad-tp2-g4-a
Ai1415 ad-tp2-g4-aAi1415 ad-tp2-g4-a
Ai1415 ad-tp2-g4-amfsmsl
 
Pwa e o futuro do frontend
Pwa e o futuro do frontendPwa e o futuro do frontend
Pwa e o futuro do frontendRaphael Moraes
 
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...tdc-globalcode
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignGustavo Zimmermann
 
Apresentação sie ir-2014
Apresentação sie ir-2014Apresentação sie ir-2014
Apresentação sie ir-2014Renan Moreira
 
Chrome os trabalho
Chrome os   trabalhoChrome os   trabalho
Chrome os trabalhomaykonsilva9
 
Aula 06 projetos multimídia
Aula 06   projetos multimídiaAula 06   projetos multimídia
Aula 06 projetos multimídiaFábio Costa
 
Aula 06 projetos multimídia
Aula 06   projetos multimídiaAula 06   projetos multimídia
Aula 06 projetos multimídiaFábio Costa
 

Semelhante a Chromium mudou o mundo (20)

Chome os
Chome osChome os
Chome os
 
Android: Uma nova maneira de pensar
Android: Uma nova maneira de pensarAndroid: Uma nova maneira de pensar
Android: Uma nova maneira de pensar
 
Grupo 3
Grupo 3Grupo 3
Grupo 3
 
Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011
Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011
Primeiros Passos Para o Desenvolvimento Web - FLISOLGO 2011
 
Android
Android Android
Android
 
Show Day Droid x
Show Day Droid xShow Day Droid x
Show Day Droid x
 
Intro desenvolvimento-web
Intro desenvolvimento-webIntro desenvolvimento-web
Intro desenvolvimento-web
 
Desenvolvimento Mobile Web & Software Livre - Flisol cg
Desenvolvimento Mobile Web & Software Livre - Flisol cgDesenvolvimento Mobile Web & Software Livre - Flisol cg
Desenvolvimento Mobile Web & Software Livre - Flisol cg
 
A revolução do client side
A revolução do client sideA revolução do client side
A revolução do client side
 
Mono mecadocoorporativo-latino2010
Mono mecadocoorporativo-latino2010Mono mecadocoorporativo-latino2010
Mono mecadocoorporativo-latino2010
 
Ai1415 ad-tp2-g4-a
Ai1415 ad-tp2-g4-aAi1415 ad-tp2-g4-a
Ai1415 ad-tp2-g4-a
 
exercicios e simulados.pdf
exercicios e simulados.pdfexercicios e simulados.pdf
exercicios e simulados.pdf
 
Pwa e o futuro do frontend
Pwa e o futuro do frontendPwa e o futuro do frontend
Pwa e o futuro do frontend
 
Aula01-JavaScript
Aula01-JavaScriptAula01-JavaScript
Aula01-JavaScript
 
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web Design
 
Apresentação sie ir-2014
Apresentação sie ir-2014Apresentação sie ir-2014
Apresentação sie ir-2014
 
Chrome os trabalho
Chrome os   trabalhoChrome os   trabalho
Chrome os trabalho
 
Aula 06 projetos multimídia
Aula 06   projetos multimídiaAula 06   projetos multimídia
Aula 06 projetos multimídia
 
Aula 06 projetos multimídia
Aula 06   projetos multimídiaAula 06   projetos multimídia
Aula 06 projetos multimídia
 

Chromium mudou o mundo

  • 2. Chromium: o navegador que mudou o mundo Palestrante: ALEXANDRE TELES Contatos: Gmail: ateles.1@gmail.com Telefone: (71)9152-6094 2
  • 3. Chromium: o navegador que mudou o mundo “O que fazemos por nós mesmos morre conosco; o que fazemos pelo outro e pelo mundo permanece e é imortal.” Albert Pike 3
  • 4. Chromium: o navegador que mudou o mundo Afinal, o que é o projeto “Chromium”? 4
  • 5. Chromium: o navegador que mudou o mundo Espera aí! Você está dizendo que o Google Chrome não é da Google? 5
  • 6. Chromium: o navegador que mudou o mundo Então, afinal, o que diferencia os dois navegadores? 6
  • 7. Chromium: o navegador que mudou o mundo Google Chrome Flash Player integrado. PDF viewer integrado. Sistema de impressão integrada. O nome do Google com logo diferente. Codecs ACC e MP3 7
  • 8. Chromium: o navegador que mudou o mundo Agora eu sei a diferença entre os dois. Mais e as licenças de software livre, como ficam? 8
  • 9. Chromium: o navegador que mudou o mundo Então tá. Agora vamos falar do navegador! 9
  • 10. Chromium: o navegador que mudou o mundo 10
  • 11. Chromium: o navegador que mudou o mundo O código do Chromium Códigos em C/C++ e Python escritos de forma clara, concisa e bem documentada; Aplicação profunda do conceitos de OOP; Código limpo, sem rebarbas ou “gambiarras”; Otimização de código. 11
  • 12. Chromium: o navegador que mudou o mundo Isso tudo para quê? 12
  • 13. Chromium: o navegador que mudou o mundo Metas do Chromium 1ª – Ser um gerenciador de janelas com base em abas; 13
  • 14. Chromium: o navegador que mudou o mundo Metas do Chromium 2ª – Ser um “shell” para a web; 14
  • 15. Chromium: o navegador que mudou o mundo Metas do Chromium 3ª – Possuir interface minimalista e amigável; 15
  • 16. Chromium: o navegador que mudou o mundo Metas do Chromium 4º – Ser e parecer leve e, acima de tudo, RÁPIDO. 16
  • 17. Chromium: o navegador que mudou o mundo Somente a beleza do código não é suficiente para atingir estas metas. O que mais foi feito? 17
  • 18. Chromium: o navegador que mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 1ª – Motor de renderização WebKit; 18
  • 19. Chromium: o navegador que mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 2º – Suporte ao padrão SVG; 19
  • 20. Chromium: o navegador que mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 3ª – Suporte antecipado aos padrões HTML5 e CSS3; 20
  • 21. Chromium: o navegador que mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 4º – Suporte avançado à WebGL; 21
  • 22. Chromium: o navegador que mudou o mundo Peças-chave no quebra-cabeças do projeto Chromium 5º – Motor JavaScript V8. 22
  • 23. Chromium: o navegador que mudou o mundo Motor? V8? Isso é um carro de corrida? 23
  • 24. Chromium: o navegador que mudou o mundo Isso não pode ser tão eficiente assim... 24
  • 25. Chromium: o navegador que mudou o mundo Tudo bem, tudo bem. Mas para mim como usuário, o que isso significa? 25
  • 26. Chromium: o navegador que mudou o mundo HTTP Pipeling 26
  • 27. Chromium: o navegador que mudou o mundo DNS Prefetching 27
  • 28. Chromium: o navegador que mudou o mundo Gerenciamento individualizado de recursos 28
  • 29. Chromium: o navegador que mudou o mundo Integração total com os serviços do Google, incluindo sincronização entre dispositivos 29
  • 30. Chromium: o navegador que mudou o mundo E onde essa eficiência toda levou o projeto Chromium? 30
  • 31. Chromium: o navegador que mudou o mundo 31
  • 32. Chromium: o navegador que mudou o mundo Opa, meu faro para negócio despertou! Como posso alcançar essa fatia enorme de mercado? 32
  • 33. Chromium: o navegador que mudou o mundo Como alcançar o mercado de usuários do Chromium 1º – Desenvolvendo sites em conformidade com os padrões W3C 33
  • 34. Chromium: o navegador que mudou o mundo Como alcançar o mercado de usuários do Chromium 2º – Desenvolvendo para a nuvem 34
  • 35. Chromium: o navegador que mudou o mundo Como alcançar o mercado de usuários do Chromium 3º – Desenvolvendo aplicações Web ricas. 35
  • 36. Chromium: o navegador que mudou o mundo Como alcançar o mercado de usuários do Chromium 4º – Desenvolva em WebGL 36
  • 37. Chromium: o navegador que mudou o mundo Como alcançar o mercado de usuários do Chromium 5º – Conheça a Chrome Web Store e desenvolva Chrome apps 37
  • 38. Chromium: o navegador que mudou o mundo Fatos sobre a Chrome Web Store Todos os 310 milhões de usuários do Chrome (junho de 2012) tem acesso à ela; Integração total entre dispositivos; Integração com a Google Wallet in-app; Localizada em 42 linguagens diferentes. 38
  • 39. Chromium: o navegador que mudou o mundo No que a Chrome Web Store se baseia Tirar as aplicações de dentro do browser; Interfaces amigáveis e facilidade de uso; Aplicações offline por default (ou com pouquíssima comunicação de rede); Uso intenso das APIs providas pelo navegador. 39
  • 40. Chromium: o navegador que mudou o mundo O que são as Chrome apps afinal? 40
  • 41. Chrome apps são um conjunto de código HTML, JavaScript e recursos empacotados em um arquivo zip que, uma vez enviado à Chrome Web Store será baixado no sistema do usuário e estará lá: sempre pronto para ser executado. 41
  • 42. Chromium: o navegador que mudou o mundo O que você pode fazer com uma Chrome app Construir e controlar aplicações multi- janela; Interagir com outros aplicativos; Fazer requisições AJAX para sites de terceiros (Cross-Site Scripting); 42
  • 43. Chromium: o navegador que mudou o mundo Para tudo! Como desenvolvo estas Chrome apps? Me parece um mercado promissor! 43
  • 44. Chromium: o navegador que mudou o mundo Tipos de Chrome apps Hosted apps; Packaged apps ou extensions. 44
  • 45. Chromium: o navegador que mudou o mundo “Não alcançamos a liberdade buscando a liberdade, mas sim a verdade. A liberdade não é um fim, mas uma consequência.” Léon Tolstói 45
  • 46. Chromium: o navegador que mudou o mundo Palestrante: ALEXANDRE TELES Contatos: Gmail: ateles.1@gmail.com Telefone: (71)9152-6094 46